.arco-input {
  &-wrapper {
    @apply !rounded-lg !bg-transparent px-10px!;
    border: 1px solid #e5e6eb !important;
    &:hover {
      @apply border-1! border-primary-6!;
    }
    &.arco-input-focus {
      border-color: #00a65b !important;
      box-shadow: 0px 0px 0px 2px #adedc8 !important;
    }
  }
  &-append {
    @apply !text-xs;
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
    border-color: #e5e6eb !important;
  }
  &-outer > &-wrapper {
    border-radius: 8px 0 0 8px !important;
  }
  &-size-medium {
    @apply !text-xs !h-7.5;
  }
  &-search {
    .arco-input-suffix {
      color:#86909c !important;
    }
  }
}
.append-select{
  @apply h-8 flex ;
  .arco-form-item-wrapper-col .arco-form-item-content-wrapper .arco-form-item-content{
    @apply !h-8;
  }
  .arco-input-prepend{
    @apply !rounded-l-1;
  }
  .arco-input-wrapper {
    @apply  h-8;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .arco-input-append{
    @apply border-unset;
    .arco-select{
      @apply !rounded-l-0 border-y-1px bg-#F7F8FA;
    }
    .arco-select-view-size-medium{
      @apply !h-8;
    }
  }
  .arco-select{
    @apply !rounded-l-0 max-w-40  !w-fit bg-#F7F8FA  border-l-color-transparent;
  }
  .suffix{
    @apply rounded-r-1 text-xs text-[#86909C] w-38px h-full flex items-center justify-center border border-solid border-color-[#DFE2E5] border-l-0 bg-#F7F8FA;
  }
}
.arco-input-disabled{
  @apply bg-fill-1! border-color-[#e5e6eb]!;
}